<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        ul li{
            list-style:none;
        }
    </style>
</head>
<body>
<ul id="box">
    <li id="figure">鼠标点击</li>
    <li id="double-click">双击有惊喜</li>
    <li id="hint">gg鼠标放上来</li>
    <li id="Slide">鼠标移出时<li>
    <li id="Press">鼠标按下</li>
    <li id="lift">鼠标抬起</li>
    <li id="suspension">鼠标悬浮</li>
    <!--<li id="ff">8</li>-->
</ul>
</body>
<script>
    var oBox = document.getElementById("figure");//事件;鼠标左键单击
    var f1 = function(){
        alert("屌了");
    }
    oBox.onclick = f1;

     var oBox = document.getElementById("double-click");//鼠标左键双击
     var f2 = function(){
         confirm("屌爆了");
     }
     oBox.ondblclick = f2;

    var oBox = document.getElementById("hint");//鼠标移入
    var f3 = function(){
        prompt("美女美不美？看大腿！")
    }
    oBox.onmouseenter = f3;

    var oBox = document.getElementById("Slide");//鼠标移出
    var f4 = function(){
        alert("上班有点苦闷/")
    }
    oBox.onmouseout = f4;

    var x = document.getElementById("Press");//鼠标按下
    var f5 = function(){
        alert("666")
    }
    x.onmousedown = f5;

    var oBox = document.getElementById("lift");
    var f6 = function(){
        alert("疯了 不知道写啥")
    }
    oBox.onmouseup = f6;

    var oBox = document.getElementById("suspension");
    var f7 = function(){
        alert("8888")
    }
    oBox.onmouseover = f7;
</script>
</html>